<template>
	<!-- 添加支付方式 -->

	<view class="addWay">
		<view class="header">
			<view class="bg">
				<view class="realname flex">
					请添加<text>{{realname}}</text>的{{title}}
				</view>
				<view class="addBox">
					<view class="flex addItem">
						<text>账号：</text><input type="text" placeholder="请输入微信账号" />
					</view>
				</view>
				<view class="addBtn flex-c">
					<text>确认</text>
				</view>
			</view>
		</view>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				title: '',
				type: '',
				realname:'庞中华'
			};
		},
		onLoad(option) {
			this.type = option.type
			switch (Number(option.type)) {
				case 0:
					this.title = '微信'
					break;
				case 1:
					this.title = '支付宝'
					break;
				case 2:
					this.title = '银行卡'
					break;
				default:
					break;
			}
			console.log(this.title)
		}
	}
</script>

<style lang="scss" scoped>
	.addWay {
		height: 100%;

		.header {
			height: 100%;
			background: #F22F29;
			width: 100%;

			.bg {
				height: 100%;
				background: #fff;
				border-radius: 30rpx 30rpx 0px 0px;
				.realname{
					align-items: center;
					padding: 30rpx 20rpx 0;
					color: #666;
					font-size: 24rpx;
					text{
						margin: 0 10rpx;
					}
				}
				.addBox{
					padding: 0 20rpx;
					font-size: 30rpx;
					color: #333;
					.addItem{
						align-items: center;
						height: 100rpx;
						border-bottom: 1rpx solid #e3e3e3;
						box-sizing: border-box;
						input{
							flex: 1;
							margin: 0 20rpx;
							font-size: 28rpx;
						}
					}
				}
				.addBtn{
					width: 542rpx;
					height: 88rpx;
					background: linear-gradient(90deg, #FC6655 0%, #F22F29 100%);
					border-radius: 44rpx;
					margin: 88rpx auto 20rpx;
					color: #fff;
					font-size: 32rpx;
				}
			}
		}
	}
</style>
